<template>
  <div class="page-header">
    <h3>{{title}}</h3>
    <div v-if="$slots.default" class="page-header-right">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'page-header',
  props: ['title']
}
</script>
<style lang="scss">
.page-header {
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #d6d7dc;
  margin-bottom: 18px;
  position: relative;
  h3 {
    line-height: 1.5;
    border-left: 3px solid #409EFF;
    text-indent: 8px;
  }
  &-right {
    position: absolute;
    top: -6px;
    right: 0;
  }
}
</style>
